import store from "@/store/index.js";
const { navHeight,statusHeight,menuButtonOffset,menuButtonHeight} = store.getters.getNavObjInfo;
const { safeAreaHeight } = store.getters.getFooterObjInfo;

/**
 * 用于返回顶部导航栏针对于不同端的样式-无自定义导航栏时
 * @param {String} type 类型
 * @returns 返回样式
 */
export function navbarStyle(type){
	let style;
	// #ifdef H5
	style = `padding-top:10px;`;
	// #endif
	// #ifdef MP
	style = `padding-top:${statusHeight + menuButtonHeight + menuButtonOffset * 2}px;`;
	// #endif
	if(type === "customTitle"){ //当有自定义nav标题时（标题需与胶囊对齐）
		// #ifdef H5
		style = `padding-top:10px;`;
		// #endif
		// #ifdef MP
		style = `padding-top:${statusHeight + menuButtonOffset}px;`;
		// #endif
	};
	return style;
};
/**
 * 用于返回顶部导航栏标题针对于不同端的样式-无自定义导航栏时
 * @returns 返回样式
 */
export function navTitleStyle(){
	let style;
	// #ifdef H5
	style = `height:32px;line-height:24px;margin-bottom:4px;`;
	// #endif
	// #ifdef MP
	style = `height:${menuButtonHeight}px;line-height:${menuButtonHeight}px;margin-bottom:${menuButtonOffset}px;`;
	// #endif
	return style;
};
/**
 * 当使用自定义导航栏时针对于不同端的样式
 * @returns 返回样式
 */
export function navCustomStyle(){
	let style;
	style=`padding-top:${navHeight}px`;
	return style;
};
/**
 * 当使用自定义底部tab栏时针对于不同端的样式
 * @returns 返回样式
 */
export function tabbarCustomStyle(){
	let style;
	// #ifdef MP
	style=`padding-bottom:${safeAreaHeight}px`;
	// #endif
	return style;
};
/**
 * 当使用自定义底部tab栏时当前页面元素针对于不同端的样式
 * @params Number tabbarHeight tab栏元素所占高度（包括上padding值）
 * @params Number paddingTop tab栏元素上边距值（仅针对于H5端）
 * @returns 返回样式
 */
export function pageTabbarCustomStyle(tabbarHeight,paddingTop){
	let style;
	// #ifdef H5
	style=`padding-bottom:${safeAreaHeight + tabbarHeight + paddingTop}px`;
	// #endif
	// #ifdef MP
	style=`padding-bottom:${safeAreaHeight + tabbarHeight}px`;
	// #endif
	return style;
};